<template>
    <div class="page-box">
			<dataList
				placeholder="请输入结算方式名称"
				:pageInfo="pager"
				:listData="tableData"
				:selectData="selectDataArr"
				searchName="engineeringName"
				:menuList="['add','delete']"
				@menu-click="handleMenuClick"
			>
				<el-table :data="tableData" align="center" ref="multipleTable" @selection-change="$event => (selectDataArr = $event)">
					<el-table-column width="80px" type="selection"></el-table-column>

					<el-table-column label="结算方式类型" align="center" prop="settlementType">
						<template slot-scope="scope">{{scope.row.settlementType | dict('settlement_type')}}</template>
					</el-table-column>
					<el-table-column label="结算方式编码" align="center" prop="settlementCode"></el-table-column>
					<el-table-column label="结算方式名称" align="center" prop="settlementName"></el-table-column>
					<el-table-column
						width="120px"
						label="操作">
						<template slot-scope="scope">
							<el-button type="text" @click="showData(scope.row)">查看</el-button>
							<span class="btn-line"></span>
							<el-button type="text" @click="editData(scope.row)">编辑</el-button>
						</template>
					</el-table-column>
				</el-table>
			</dataList>
        <show-data ref="showData"></show-data>
        <edit-data ref="editData" @resetList="getListData"></edit-data>
    </div>
</template>

<script src="./index.js"></script>
<style scoped lang="scss">
    @import "./index";
</style>

